<template>
<div>
  <!-- 
    v-html和v-text指令
    作用：更新dom的内容
    语法：
      v-html="vue变量"
      v-text="vue变量"

    区别：
      v-html可以解析字符串中的标签  --- 相当原生js中的innerHTML方法
      v-text 不能解析标签 --- 相当于原生js中的innerText方法

    使用场景：
      v-html可以用于渲染富文本的内容 
   -->
  <div v-html="msg"></div>
  <div v-text="msg"></div>
</div>
</template>
<script>
export default {
  data(){
    return {
      msg: "<h1>测试</h1>",
    }
  }
}
</script>
<style scoped>
</style>